﻿<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
    <head>

        <!-- Basic -->
        <meta charset="utf-8">
        <title>Symfonica - Informatica</title>
        <meta name="keywords" content="HTML5 Template" />
        <meta name="description" content="Porto - Responsive HTML5 Template">
        <meta name="author" content="Crivos.com">

        <!-- Mobile Metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Web Fonts  -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

        <!-- Libs CSS -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.css">
        <link rel="stylesheet" href="vendor/flexslider/flexslider.css" media="screen" />
        <link rel="stylesheet" href="vendor/fancybox/jquery.fancybox.css" media="screen" />

        <!-- Theme CSS -->
        <link rel="stylesheet" href="css/theme.css">
        <link rel="stylesheet" href="css/theme-elements.css">

        <!-- Current Page Styles -->
        <link rel="stylesheet" href="vendor/revolution-slider/css/settings.css" media="screen" />
        <link rel="stylesheet" href="vendor/revolution-slider/css/captions.css" media="screen" />
        <link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css" media="screen" />

        <!-- Custom CSS -->
        <link rel="stylesheet" href="css/custom.css">

        <!-- Skin -->
        <link rel="stylesheet" href="css/skins/blue.css">

        <!-- Responsive CSS -->
        <link rel="stylesheet" href="css/bootstrap-responsive.css" />
        <link rel="stylesheet" href="css/theme-responsive.css" />

        <!-- Favicons -->
        <link rel="shortcut icon" href="img/favicon.ico">
        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">

        <!-- Head Libs -->
        <script src="vendor/modernizr.js"></script>

        <!--[if IE]>
                <link rel="stylesheet" href="css/ie.css">
        <![endif]-->

        <!--[if lte IE 8]>
                <script src="vendor/respond.js"></script>
        <![endif]-->

        <!-- Facebook OpenGraph Tags - Go to http://developers.facebook.com/ for more information.
        <meta property="og:title" content="Porto Website Template."/>
        <meta property="og:type" content="website"/>
        <meta property="og:url" content="http://www.crivos.com/themes/porto"/>
        <meta property="og:image" content="http://www.crivos.com/themes/porto/"/>
        <meta property="og:site_name" content="Porto"/>
        <meta property="fb:app_id" content=""/>
        <meta property="og:description" content="Porto - Responsive HTML5 Template"/>
        -->

    </head>
    <body>

        <div class="body">
            <header>
                <div class="container">
                    <h1 class="logo">
                        <a href="index.html">
                            <img alt="Porto" src="img/logo-symfonyca.png">
                        </a>
                    </h1>
                    <div class="search">
                        <form class="form-search" id="searchForm" action="page-search-results.html" method="get">
                            <div class="control-group">
                                <input type="text" class="input-medium search-query" name="q" id="q" placeholder="Search...">
                                <button class="search" type="submit"><i class="icon-search"></i></button>
                            </div>
                        </form>
                    </div>
                    <nav>
                        <ul class="nav nav-pills nav-top">
                            <li>
                                <a href="about-us.html"><i class="icon-angle-right"></i>About Us</a>
                            </li>
                            <li>
                                <a href="contact-us.html"><i class="icon-angle-right"></i>Contact Us</a>
                            </li>
                            <li class="phone">
                                <span><i class="icon-phone"></i>(123) 456-7890</span>
                            </li>
                        </ul>
                    </nav>
                    <div class="social-icons">
                        <ul class="social-icons">
                            <li class="facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook">Facebook</a></li>
                            <li class="twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter">Twitter</a></li>
                            <li class="linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin">Linkedin</a></li>
                            <li class="skype"><a href="#" target="_blank" title="Skype">Skype</a></li>
                        </ul>
                    </div>
                    <nav>
                        <ul class="nav nav-pills nav-main" id="mainMenu">
                            <li class="dropdown active">
                                <a class="dropdown-toggle" href="index.html">
                                    Home
                                    <i class="icon-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="index.html">Revolution Slider</a></li>
                                    <li><a href="index-2.html">Nivo Slider</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="about-us.html">About Us</a>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="#">
                                    Features
                                    <i class="icon-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a href="#">Blog</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="blog-full-width.html">Blog Full Width</a></li>
                                            <li><a href="blog-large-image.html">Blog Large Image</a></li>
                                            <li><a href="blog-medium-image.html">Blog Medium Image</a></li>
                                            <li><a href="blog-post.html">Single Post</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="feature-grid-system.html">Grid System</a></li>
                                    <li><a href="feature-pricing-tables.html">Pricing Tables</a></li>
                                    <li><a href="feature-icons.html">Icons</a></li>
                                    <li><a href="feature-elements.html">Elements</a></li>
                                    <li><a href="feature-typograpy.html">Typograpy</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="#">
                                    Portfolio
                                    <i class="icon-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="portfolio-2-columns.html">2 Columns</a></li>
                                    <li><a href="portfolio-3-columns.html">3 Columns</a></li>
                                    <li><a href="portfolio-4-columns.html">4 Columns</a></li>
                                    <li><a href="portfolio-single-project.html">Single Project</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="#">
                                    Pages
                                    <i class="icon-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="page-full-width.html">Full width</a></li>
                                    <li><a href="page-left-sidebar.html">Left sidebar</a></li>
                                    <li><a href="page-right-sidebar.html">Right sidebar</a></li>
                                    <li><a href="page-custom-header.html">Custom Header</a></li>
                                    <li><a href="page-404.html">404 Error</a></li>
                                    <li><a href="page-team.html">Team</a></li>
                                    <li><a href="page-services.html">Services</a></li>
                                    <li><a href="page-careers.html">Careers</a></li>
                                    <li><a href="page-faq.html">FAQ</a></li>
                                    <li><a href="sitemap.html">Sitemap</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact-us.html">Contact Us</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </header>

            <div role="main" class="main">
                <div id="content" class="content full">

                    <div class="slider-container">
                        <div class="slider" id="revolutionSlider">
                            <ul>
                                <li data-transition="fade" data-slotamount="10" data-masterspeed="300">
                                    <img src="img/slides/slide-bg.jpg" data-fullwidthcentering="on" alt="">

                                    <div class="caption sft stb visible-desktop"
                                         data-x="42"
                                         data-y="180"
                                         data-speed="300"
                                         data-start="1000"
                                         data-easing="easeOutExpo"><img src="img/slides/slide-title-border.png" alt=""></div>

                                    <div class="caption top-label lfl stl"
                                         data-x="135"
                                         data-y="180"
                                         data-speed="300"
                                         data-start="500"
                                         data-easing="easeOutExpo">SOLUCIONES</div>

                                    <div class="caption sft stb visible-desktop"
                                         data-x="342"
                                         data-y="180"
                                         data-speed="300"
                                         data-start="1000"
                                         data-easing="easeOutExpo"><img src="img/slides/slide-title-border.png" alt=""></div>

                                    <div class="caption main-label sft stb" style="color:#0088cc"
                                         data-x="15"
                                         data-y="230"
                                         data-speed="300"
                                         data-start="1500"
                                         data-easing="easeOutExpo">INTEGRALES</div>

                                    <div class="caption bottom-label sft stb"
                                         data-x="40"
                                         data-y="280"
                                         data-speed="500"
                                         data-start="2000"
                                         data-easing="easeOutExpo">para su Empresa.</div>

                                    <div class="caption fade"
                                         data-x="450"
                                         data-y="50"
                                         data-speed="500"
                                         data-start="2500"
                                         data-easing="easeOutExpo"><img src="img/slides/cloud-computing.png" alt=""></div>

                                </li>
                                <li data-transition="fade" data-slotamount="10" data-masterspeed="300">
                                    <img src="img/slides/slide-bg.jpg" data-fullwidthcentering="on" alt="">

                                    <div class="caption fade"
                                         data-x="0"
                                         data-y="50"
                                         data-speed="500"
                                         data-start="200"
                                         data-easing="easeOutExpo"><img src="img/slides/slide-concept-2.png" alt=""></div>

                                    <div class="caption main-label sft stb" style="color:#0088cc"
                                         data-x="550"
                                         data-y="200"
                                         data-speed="300"
                                         data-start="1500"
                                         data-easing="easeOutExpo">CONTACTENOS</div>

                                    <div class="caption bottom-label sft stb"
                                         data-x="570"
                                         data-y="250"
                                         data-speed="500"
                                         data-start="2000"
                                         data-easing="easeOutExpo">Y explore nuestras opciones y servicios.</div>

                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="home-intro">
                        <div class="container">

                            <div class="row">
                                <div class="span8">
                                    <p>
                                        La manera mas rapida de hacer crecer su negocio siendo impulsados por verdadera <em>Tecnologia.</em>
                                        <span>Lo invitamos a explorar nuestra cartera de soluciones.</span>
                                    </p>
                                </div>
                                <div class="span4">
                                    <div class="get-started">
                                        <a href="#" class="btn btn-large btn-primary">Contactenos Ahora!</a>
                                        <div class="learn-more">or <a href="index.html">learn more.</a></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="container">

                        <div class="row center">
                            <div class="span12">
                                <h2 class="short">Hacemos que la <strong class="inverted">Inform&aacute;tica</strong> sea una aliada estrategica.</h2>
                                <p class="featured lead">
                                    Es muy difícil pensar en cambios, transformaciones e innovaciones en una empresa sin que en alguna parte del proceso la informática no esté vinculada. 
                                </p>
                            </div>
                        </div>

                    </div>

                    <div class="home-concept">
                        <div class="container">

                            <div class="row center">
                                <span class="sun"></span>
                                <span class="cloud"></span>
                                <div class="span2 offset1">
                                    <div class="process-image">
                                        <img src="img/mujer-ejecutiva.jpg" alt="" />
                                        <strong>Personas</strong>
                                    </div>
                                </div>
                                <div class="span2">
                                    <div class="process-image">
                                        <img src="img/pymes.jpg" alt="" />
                                        <strong>Pymes</strong>
                                    </div>
                                </div>
                                <div class="span2">
                                    <div class="process-image">
                                        <img src="img/corporacion.jpg" alt="" />
                                        <strong>Grandes Empresas</strong>
                                    </div>
                                </div>
                                <div class="span4 offset1">
                                    <div class="project-image">
                                        <div id="fcSlideshow" class="fc-slideshow">
                                            <ul class="fc-slides">
                                                <li><a href="#"><img src="img/projects/web.jpg" /></a></li>
                                                <li><a href="#"><img src="img/projects/software.png" /></a></li>
                                                <li><a href="#"><img src="img/projects/database.jpg" /></a></li>
                                                <li><a href="#"><img src="img/projects/network.jpg" /></a></li>
                                                <li><a href="#"><img src="img/projects/technical-service.jpg" /></a></li>
                                                <li><a href="#"><img src="img/projects/capacitacion.jpg" /></a></li>
                                                <li><a href="#"><img src="img/projects/social-media.jpg" /></a></li>
                                            </ul>
                                        </div>
                                        <strong class="our-work">Nuestro Trabajo</strong>
                                    </div>
                                </div>
                            </div>

                            <hr class="tall" />

                        </div>
                    </div>

                    <div class="container">

                        <div class="row">
                            <div class="span8">
                                <h2>Nuestros <strong>Servicios</strong></h2>
                                <div class="row">
                                    <div class="span4">
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-wrench"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Servicio Tecnico</h4>
                                                <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p>
                                            </div>
                                        </div>
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-th"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Desarrollo de Sistemas</h4>
                                                <p class="tall">Lorem ipsum dolor sit amet, adip.</p>
                                            </div>
                                        </div>
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-globe"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Soluciones WEB</h4>
                                                <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p>
                                            </div>
                                        </div>
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-hdd"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Soluciones Mobile</h4>
                                                <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-random"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Redes y Networking</h4>
                                                <p class="tall">Lorem ipsum dolor sit amet, consectetur.</p>
                                            </div>
                                        </div>

                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-refresh"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Conectividad</h4>
                                                <p class="tall">Lorem ipsum dolor sit, consectetur adip.</p>
                                            </div>
                                        </div>
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-eye-open"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Vigilancia y Seguridad</h4>
                                                <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p>
                                            </div>
                                        </div>
                                        <div class="feature-box">
                                            <div class="feature-box-icon">
                                                <i class="icon-thumbs-up"></i>
                                            </div>
                                            <div class="feature-box-info">
                                                <h4 class="shorter">Posicionamiento WEB</h4>
                                                <p class="tall">Lorem sit amet, consectetur adip.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="span4">
                                <h2>y m&aacute;s...</h2>
                                <div class="accordion" id="accordion">
                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="icon-lightbulb"></i> Soporte e Instalaciones</a>
                                        </div>
                                        <div id="collapseOne" class="accordion-body collapse in">
                                            <div class="accordion-inner">
                                                Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor odio vulputate eleifend in in tortorodio vulputate eleifend in in tortor.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><i class="icon-comments-alt"></i> Consultor&iacute;a y Asesoramiento</a>
                                        </div>
                                        <div id="collapseTwo" class="accordion-body collapse">
                                            <div class="accordion-inner">
                                                Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><i class="icon-laptop"></i> Seguridad Inform&aacute;tica</a>
                                        </div>
                                        <div id="collapseThree" class="accordion-body collapse">
                                            <div class="accordion-inner">
                                                Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr class="tall" />

                        <div class="row center">
                            <div class="span12">
                                <h2 class="short">Brindamos <strong class="inverted">soluci&oacute;n</strong> a sus necesidades <strong>estrategicas</strong> de informacion.</h2>
                                <h4 class="lead tall">Junto al apoyo de lideres en <em>Tecnolog&iacute;a</em> en todo el mundo. Conozca algunos...</h4>
                            </div>
                        </div>
                        <div class="row center">
                            <div class="flexslider unstyled" data-plugin-options='{"directionNav":false, "animation":"slide", "slideshow": false, "maxVisibleItems": 6}'>
                                <ul class="slides">
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo1.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo2.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo3.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo4.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo5.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo6.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo7.jpg" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="span2">
                                            <img class="mobile-max-width small" src="img/logo8.jpg" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>

                    <div class="map-section">
                        <section class="featured footer map">
                            <div class="container">
                                <div class="row">
                                    <div class="span6">
                                        <div class="recent-posts">
                                            <h2>Latest <strong>Blog</strong> Posts</h2>
                                            <div class="row">
                                                <div class="flexslider unstyled" data-plugin-options='{"directionNav":false, "animation":"slide"}'>
                                                    <ul class="slides">
                                                        <li>
                                                            <div class="span3">
                                                                <article>
                                                                    <div class="date">
                                                                        <span class="day">15</span>
                                                                        <span class="month">Jan</span>
                                                                    </div>
                                                                    <h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon-angle-right"></i></a></p>
                                                                </article>
                                                            </div>
                                                            <div class="span3">
                                                                <article>
                                                                    <div class="date">
                                                                        <span class="day">15</span>
                                                                        <span class="month">Jan</span>
                                                                    </div>
                                                                    <h4><a href="blog-post.html">Lorem ipsum dolor</a></h4>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. <a href="/" class="read-more">read more <i class="icon-angle-right"></i></a></p>
                                                                </article>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="span3">
                                                                <article>
                                                                    <div class="date">
                                                                        <span class="day">12</span>
                                                                        <span class="month">Jan</span>
                                                                    </div>
                                                                    <h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon-angle-right"></i></a></p>
                                                                </article>
                                                            </div>
                                                            <div class="span3">
                                                                <article>
                                                                    <div class="date">
                                                                        <span class="day">11</span>
                                                                        <span class="month">Jan</span>
                                                                    </div>
                                                                    <h4><a href="blog-post.html">Lorem ipsum dolor</a></h4>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="/" class="read-more">read more <i class="icon-angle-right"></i></a></p>
                                                                </article>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="span3">
                                                                <article>
                                                                    <div class="date">
                                                                        <span class="day">15</span>
                                                                        <span class="month">Jan</span>
                                                                    </div>
                                                                    <h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon-angle-right"></i></a></p>
                                                                </article>
                                                            </div>
                                                            <div class="span3">
                                                                <article>
                                                                    <div class="date">
                                                                        <span class="day">15</span>
                                                                        <span class="month">Jan</span>
                                                                    </div>
                                                                    <h4><a href="blog-post.html">Lorem ipsum dolor</a></h4>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. <a href="/" class="read-more">read more <i class="icon-angle-right"></i></a></p>
                                                                </article>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="row">
                                                    <div class="span6">
                                                        <a class="btn btn-flat btn-mini btn-primary pull-right pull-bottom-phone" href="#">View All Posts <i class="icon-arrow-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span6">
                                        <h2>Sobre <strong>Symfonica</strong></h2>
                                        <div class="row">
                                            <div class="flexslider flexslider-top-title unstyled" data-plugin-options='{"controlNav":false, "slideshow": false, "animationLoop": true, "animation":"slide"}'>
                                                <ul class="slides">
                                                    <li>
                                                        <div class="span6">
                                                            <blockquote class="testimonial">
                                                                <p>Una empresa lider y comprometida, sinonimo de calidad en sus productos y servicios, regida bajo el mas estricto profesionalismo, reconocida por sus clientes debido a un alto grado de satisfaccion en la solucion de sus necesidades.</p>
                                                            </blockquote>
                                                            <div class="testimonial-arrow-down"></div>
                                                            <div class="testimonial-author">
                                                                <div class="thumbnail thumbnail-small">
                                                                    <img src="img/logo-symfonyca-chico.png" alt="">
                                                                </div>
                                                                <p><strong>Vision</strong><span>de nuestros Clientes</span></p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="span6">
                                                            <blockquote class="testimonial">
                                                                <p>Hacer de la aplicacion de tecnologia una opcion satisfactoria para la sociedad en general, a traves de productos y servicios que brinden soluciones e impulsen el crecimiento personal y empresarial.</p>
                                                            </blockquote>
                                                            <div class="testimonial-arrow-down"></div>
                                                            <div class="testimonial-author">
                                                                <div class="thumbnail thumbnail-small">
                                                                    <img src="img/logo-symfonyca-chico.png" alt="">
                                                                </div>
                                                                <p><strong>Mision</strong><span>de la Empresa</span></p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>

            <footer>
                <div class="container">
                    <div class="row">
                        <div class="footer-ribon">
                            <span>Mant&eacute;ngase Informado...</span>
                        </div>
                        <div class="span3">
                            <h4>Diario de Noticias</h4>
                            <p>Reciba las ultimas novedades de nuestros servicios y la tecnolog&iacute;a de nuestros productos siempre en evoluci&oacute;n. Introduzca su dirección de e-mail y suscr&iacute;base a nuestro Diario de Noticias.</p>

                            <div class="alert alert-success hidden" id="newsletterSuccess">
                                <strong>Exito!</strong> Has sido a&ntilde;adido a nuestra lista de Emails.
                            </div>

                            <div class="alert alert-error hidden" id="newsletterError"></div>

                            <form class="form-inline" id="newsletterForm" action="php/newsletter-subscribe.php" method="POST">
                                <div class="control-group">
                                    <div class="input-append">
                                        <input class="span2" placeholder="Direcci&oacute;n de E-Mail" name="email" id="email" type="text">
                                        <button class="btn" type="submit">Enviar!</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="span3">
                            <h4>Ultimos Tweets</h4>
                            <div id="tweet" class="twitter">
                                <p>Please wait...</p>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="contact-details">
                                <h4>Contactenos</h4>
                                <ul class="contact">
                                    <!--<li><p><i class="icon-map-marker"></i> <strong>Direccion:</strong> 1234 Street Name, City Name, United States</p></li>-->
                                    <li><p><i class="icon-phone"></i> <strong>Telefono:</strong> (123) 456-7890</p></li>
                                    <li><p><i class="icon-envelope"></i> <strong>Email:</strong> <a href="mailto:mail@example.com">mail@example.com</a></p></li>
                                </ul>
                            </div>
                        </div>
                        <div class="span2">
                            <h4>S&iacute;ganos en las Redes!</h4>
                            <div class="social-icons">
                                <ul class="social-icons">
                                    <li class="facebook"><a href="http://www.facebook.com/" target="_blank" data-placement="bottom" rel="tooltip" title="Facebook">Facebook</a></li>
                                    <li class="twitter"><a href="http://www.twitter.com/" target="_blank" data-placement="bottom" rel="tooltip" title="Twitter">Twitter</a></li>
                                    <li class="linkedin"><a href="http://www.linkedin.com/" target="_blank" data-placement="bottom" rel="tooltip" title="Linkedin">Linkedin</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-copyright">
                    <div class="container">
                        <div class="row">
                            <div class="span1">
                                <a href="index.html" class="logo">
                                    <img alt="Porto Website Template" src="img/logo-symfonyca-chico.png">
                                </a>
                            </div>
                            <div class="span7">
                                <p>© Copyright 2013 by Symfonica. Todos los derechos reservados.</p>
                            </div>
                            <div class="span4">
                                <nav id="sub-menu">
                                    <ul>
                                        <li><a href="page-faq.html">FAQ's</a></li>
                                        <li><a href="sitemap.html">Mapa del Sitio</a></li>
                                        <li><a href="contact-us.html">Contacto</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>

        <!-- Libs -->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="vendor/jquery.js"><\/script>')</script>
        <script src="vendor/jquery.easing.js"></script>
        <script src="vendor/jquery.cookie.js"></script>
        <!-- <script src="master/style-switcher/style.switcher.js"></script> -->
        <script src="vendor/bootstrap.js"></script>
        <script src="vendor/selectnav.js"></script>
        <script src="vendor/twitterjs/twitter.js" type="text/javascript"></script>
        <script src="vendor/revolution-slider/js/jquery.themepunch.plugins.js"></script>
        <script src="vendor/revolution-slider/js/jquery.themepunch.revolution.js"></script>
        <script src="vendor/flexslider/jquery.flexslider.js"></script>
        <script src="vendor/circle-flip-slideshow/js/jquery.flipshow.js"></script>
        <script src="vendor/fancybox/jquery.fancybox.js"></script>
        <script src="vendor/jquery.validate.js"></script>

        <script src="js/plugins.js"></script>

        <!-- Current Page Scripts -->
        <script src="js/views/view.home.js"></script>

        <!-- Theme Initializer -->
        <script src="js/theme.js"></script>

        <!-- Custom JS -->
        <script src="js/custom.js"></script>

        <!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
        <!--
        <script>
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-XXXXX-X']);
                _gaq.push(['_trackPageview']);

                (function() {
                        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
        </script>
        -->

    </body>
</html>
